@layout("/common/_container.html",{js:["/assets/modular/system/project/project_admin.js"],css:["/assets/common/css/beautiful.css"]}){
<link rel="stylesheet" href="${ctxPath}/assets/common/css/project.css?v=${constants.getReleaseVersion()}" media="all">
<style>
    .btnshop {
        display: inline-block;
        height: 38px;
        width: 48px;
        line-height: 38px;
        padding: 0 9px;
        background-color: #009688;
        color: #fff;
        white-space: nowrap;
        text-align: center;
        font-size: 14px;
        border: none;
        border-radius: 2px;
        cursor: pointer;
        margin-bottom: 6px;
    }

    .input .layui-select-title {
        display: none;
    }

    .gc {
        width: 60px;
    }

    .ss {
        width: auto;
    }

    .dm {
        width: 28px;
    }

    /*不要删除*/
    .sTitle {
        width: calc(100% / 8);
        flex: 0 0 calc(100% / 8);
        align-items: center;
        line-height: 100%;
        display: inline-flex;
        transform: scale(.8) translateX(-2px);
    }

    .sTitle1 {
        padding-right: 40px;
    }

    .sTitle2 {
        padding-right: 40px;
    }

    .sTitle11 {
        margin-left: -24px;
        padding-right: 45px;
    }

    .sTitle3 {
        padding-right: 70px;
    }
    .layui-table-cell:first-child {
        height: auto;
        line-height: inherit;
    }
</style>
<style>
    .layui-table dl {
        width: 120px;
        width: calc(100% / 8);
        text-align: center;
        color: #64a84d;
        overflow: hidden;
    }

    .layui-table dt {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        border: 2px solid #e1e2e6;
        background-color: #FFF
        margin: 0 auto;
        z-index: 2;
        position: relative;
    }

    .layui-table dt::before {
        content: '';
        display: block;
        width: 80px;
        height: 2px;
        background: #e1e2e6;
        position: absolute;
        top: 10px;
        right: 0;
        margin-right: -80px;
    }

    .layui-table dl:last-child dt::before {
        display: none;
    }

    .layui-table dd {
        margin: 0;
    }

    .layui-table dl:last-child::before {
        display: none;
    }

    .layui-table .dt1::before {
        background: #16C784;
    }

    .layui-table .dt1 {
        background-color: #16C784;
        border-color: #16C784;
        color: #FFFFFF;
        line-height: 22px;
        font-size: 11px;
    }

    .layui-table .dt1ye::before {
        background: #f3cc0a;
    }

    .layui-table .dt1ye {
        background-color: #f3cc0a;
        border-color: #f3cc0a;
        color: #FFFFFF;
        line-height: 22px;
        font-size: 11px;
    }

    .layui-table .dt11::before {
        content: '';
        display: block;
        width: 98px;
        height: 2px;
        position: absolute;
        top: 13px;
        left: 72px;
    }

    .layui-table .dt11 {
        background-color: #cd1621;
        border-color: #EA3943;
        /*background-color: #3861FB;*/
        /*border-color: #3861FB;*/
        color: #FFFFFF;
        line-height: 22px;
        font-size: 11px;
    }

    .layui-table dt {
        line-height: 22px;
    }

    .layui-table .spanNumber {
        font-size: 18px;
    }
</style>
<style>
    /*弹性布局*/
    .flex {
        display: flex;
    }

    .flex.center {
        align-items: center;
    }

    .flex.stretch {
        align-items: stretch;
    }

    .flex.end {
        align-items: flex-end;
    }

    .flex.row {
        flex-flow: row;
    }

    .flex.row-reverse {
        flex-flow: row-reverse;
    }

    .flex.column {
        flex-flow: column;
    }

    .flex.justify {
        justify-content: space-between;
    }

    .flex.jc {
        -ms-justify-content: center;
        justify-content: center;
    }

    .flex.flow {
        flex-flow: wrap;
    }

    .flex.hide {
        display: none;
    }
</style>

<!--leez modify-->
<style>
    .layui-form.model-form {
        padding-right: 0 !important;
    }
    .miniHeight .layui-table-cell {
        height: auto !important;
    }
</style>

<div class="layui-body-header">
    <span class="layui-body-header-title">管理</span>
</div>
<form id="projectForm" lay-filter="projectForm" class="layui-form model-form">
    <input id="roleids" value="${roleids}" hidden>
    <input id="pageA" value="${pageA}" hidden>
    <div class="layui-fluid">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
                <div class="layui-card">
                    <div class="layui-card-body">
                        <div class="layui-form toolbar">
                            <div class="layui-form-item">
<!--                                <label class="layui-form-label"-->
<!--                                       style="color: #00B83F;padding-top: 13px;margin-right:-7px;">创建工程：</label>-->
                                <div class="layui-inline gcs">
                                   <label class="layui-form-label">选择省份</label>
                                    <div class="layui-inline w72" style="display: inline-block">
                                        <select name="provinceName" lay-filter="provinceName" id="provinceName"
                                                lay-search="provinceName">
                                            <option value="">全部省</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="layui-inline gcsq">
                                   <label class="layui-form-label">选择城市</label>
                                    <div class="layui-inline w72" style="display: inline-block">
                                        <select name="cityName" lay-filter="cityName" id="cityName"
                                                lay-search="cityName">
                                            <option value="">全部市</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="layui-inline gcsq">
                                    <label class="layui-form-label">选择地区</label>
                                    <div class="layui-inline w72" style="display: inline-block">
                                        <select name="regionName" lay-filter="regionName" id="regionName"
                                                lay-search="regionName">
                                            <option value="">全部区县</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="layui-inline dname">
                                    <label class="layui-form-label dm">店名</label>
                                    <div class="layui-inline" style="display: inline-block">
                                        <input id="address" name="name" placeholder="格式: xx路xx店" type="text"
                                               class="layui-input" required autocomplete="off"/>
                                    </div>
                                </div>
                                <div class="layui-inline">
<!--                                    if(shiro.hasPermission("/project/addProject")){-->
<!--                                    <button id="btnAdd" class="layui-btn icon-btn">添加</button>-->
                                    <input type="button" class="layui-btn layui-btn-sm" value="添加" id="btnAdd">
<!--                                    }-->
                                </div>
<!--                                if(shiro.hasPermission("/gc/gcxgdm")){-->
                                

                            </div>

                            <div class="layui-form-item">
                                <div class="layui-inline syzh">
                                   <label class="layui-form-label">收银账号</label>
                                   <div class="layui-inline">
                                        <select name="cashierAccountYn" lay-filter="cashierAccountYn"
                                                id="cashierAccountYn"
                                                lay-search="cashierAccountYn">
                                            <option value="">收银账号</option>
                                            <option value="Y">收银账号已建</option>
                                            <option value="N">收银账号未建</option>
                                        </select>
                                    </div>
                                </div>
<!--                                }-->
                                <div class="layui-inline syzh">
                                   <label class="layui-form-label">是否开业</label>
                                   <div class="layui-inline">
                                        <select name="allStautusEnd" lay-filter="allStautusEnd"
                                                id="allStautusEnd"
                                                lay-search="allStautusEnd">
                                            <option value="">开业状态</option>
                                            <option value="N">未开业</option>
                                            <option value="Y">已开业</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="layui-inline kgtime">
                                   <label class="layui-form-label">开工时间</label>
                                   <div class="layui-inline">
                                        <select name="startWorkYn" lay-filter="endYn" id="startWorkYn"
                                                lay-search="startWorkYn">
                                            <option value="">开工时间</option>
                                            <option value="Y">时间已确定</option>
                                            <option value="N">时间未确定</option>
                                        </select>
                                    </div>
                                </div>
                                <!--<div class="layui-inline kgtime">
                                    <label class="layui-form-label gc">是否完工</label>
                                    <div class="layui-inline" style="display: inline-block">
                                        <select name="engineering" id="engineering"
                                                lay-search="engineering">
                                            <option value="N">未确定</option>
                                            <option value="Y">已完工</option>
                                        </select>
                                    </div>
                                </div>-->
                                <div class="layui-inline isbd">
                                   <label class="layui-form-label">是否闭店</label>
                                   <div class="layui-inline">
                                        <select name="cashierAccountYn" lay-filter="cashierAccountYn" id="status"
                                                lay-search="cashierAccountYn" onchange="change()">
                                            <option value="">闭店状态</option>
                                            <option value="1">正常</option>
                                            <option value="0">已闭店</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="layui-inline btns">
                                    <input type="button" class="layui-btn layui-btn-sm" value="搜索" id="btnSearch">
                                </div>
<!--                                if(shiro.hasPermission("/gczz/stop")){-->
                                <div class="layui-inline" id="close">
                                    <input type="button" class="layui-btn layui-btn-sm" value="关店" id="btnEdit">
                                </div>
                                <div class="layui-inline" id="open">
                                    <input type="button" class="layui-btn layui-btn-sm" value="开店" id="btnOpen">
                                </div>
<!--                                }-->
                                <div class="layui-inline w72">
                                    <input id="mima" name="mima" placeholder="请录入密码" type="text"
                                            class="layui-input" required autocomplete="off"/>
                                </div>
                                <div class="layui-inline btns">
                                    <span id="mima_div" style="color: red"></span>
                                </div>
                            </div>
                        </div>
                        <table class="layui-table" id="projectTable" lay-filter="projectTable"></table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <input id="ida" hidden>
</form>
<script type="text/html" id="tableBar">
    <div style="overflow: auto;text-overflow: unset;white-space: normal;">
    {{# if(d.status!=0){}}

    <a class="layui-btn layui-btn-xs btn-green" lay-event="things">① 商务条件</a>
    <a class="layui-btn layui-btn-xs btn-green" lay-event="projectTerm">② 工程条件</a>
    <a class="layui-btn layui-btn-xs  btn-green" lay-event="examine">确认开店</a>
    <a class="layui-btn layui-btn-xs btn-green" lay-event="steerTask">分配开店任务</a>
    {{# if(d.yyjlname!=""){}}
    <span style="margin-bottom: 5px">营运经理：{{d.yyjlname}}</span>
    {{# }}}
    <a class="layui-btn layui-btn-xs btn-green" lay-event="manager" id="manager">指定营运经理</a>
    {{# if(d.ddname!=""){}}
        <span style="margin-bottom: 5px">督导：{{d.ddname}}</span>
    {{# }}}
    <a class="layui-btn layui-btn-xs btn-green" lay-event="supervision" id="supervision">分派督导</a>
    <a class="layui-btn layui-btn-xs btn-green" lay-event="projectTask">工程流程</a>
        {{# if(d.kgtime!=null){}}
        <span style="margin-bottom: 5px">{{d.kgtime}}</span>
        {{# } }}
    {{# }else { }}
     工程已中止
    {{# } }}
    {{# if (d.kfzj == '开发总监已驳回'){}}
    {{d.rejectInfo}}
    {{# }}}
    {{# if (d.gczj == '工程总监已驳回'){}}
    {{d.rejectInfo}}
    {{# }}}
    {{# if (d.yyzj == '营运总监已驳回'){}}
    {{d.rejectInfo}}
    {{# }}}
    </div>
</script>
<script id="statusTpl" type="text/html">
    <div class="line-box flex">
        <dl>
            {{# if(d.kfzj!=""&&d.kfzj=="开发总监已确认"){ }}
            <dt class="dt1">1</dt>
            {{# } else if(d.kfzj!=""&&d.kfzj=="开发总监已驳回"){ }}
            <dt class="dt1ye">1</dt>
            {{# } else if(d.gczj!=""&&d.gczj=="工程总监已驳回"){ }}
            <dt class="dt1">1</dt>
            {{# } else { }}
            <dt>1</dt>
            {{# } }}
        </dl>
        <dl>
            {{# if(d.gczj!=""&&d.gczj=="工程总监已确认"){ }}
            <dt class="dt1">2</dt>
            {{# } else if(d.gczj!=""&&d.gczj=="工程总监已驳回"){ }}
            <dt class="dt1ye">2</dt>
            {{# } else { }}
            <dt>2</dt>
            {{# } }}
        </dl>
        <dl>
            {{# if(d.yyzj!=""&&d.yyzj=="营运总监已确认"){ }}
            <dt class="dt1">3</dt>
            {{# } else if(d.yyzj!=""&&d.yyzj=="营运总监已驳回"){ }}
            <dt class="dt1ye">3</dt>
            {{# } else { }}
            <dt>3</dt>
            {{# } }}
        </dl>
        <dl>
            {{# if(d.allotYy!=""&&d.allotYy=="已指定营运经理"){ }}
            <dt class="dt1">4</dt>
            {{# } else { }}
            <dt>4</dt>
            {{# } }}
        </dl>
        <dl>
            {{# if(d.allotDd!=""&&d.allotDd=="已指定督导"){ }}
            <dt class="dt1">5</dt>
            {{# } else { }}
            <dt>5</dt>
            {{# } }}
        </dl>
        <dl>
            {{# if(d.dudao!=""&&d.dudao=="督导任务完成"){ }}
            <dt class="dt1">6</dt>
            {{# } else { }}
            <dt>6</dt>
            {{# } }}
        </dl>
        <dl>
            {{# if(d.gcb!=""&&d.gcb=="工程已完工"){ }}
            <dt class="dt1">7</dt>
            {{# } else { }}
            <dt>7</dt>
            {{# } }}
        </dl>
        <dl>
            {{# if(d.openDate!=""){ }}
            <dt class="dt1">8</dt>
            {{# } else { }}
            <dt>8</dt>
            {{# } }}
        </dl>
    </div>
</script>

<script id="columnMini" type="text/html">
    <div class="column-mini">
        <div style="font-size: 14px">
            <strong>{{d.name}}</strong>
        </div>
        <div style="white-space: break-spaces;">
            {{# if(d.status!=0){}}

            <a class="layui-btn layui-btn-xs btn-green" lay-event="things">商务条件</a>
            <a class="layui-btn layui-btn-xs btn-green" lay-event="projectTerm">工程条件</a>
            <a class="layui-btn layui-btn-xs  btn-green" lay-event="examine">确认开店</a>
            <a class="layui-btn layui-btn-xs btn-green" lay-event="steerTask">分配开店任务</a>
            {{# if(d.yyjlname!=""){}}
            <span style="margin-bottom: 5px">{{d.yyjlname}}</span>
            {{# }}}
            <a class="layui-btn layui-btn-xs btn-green" lay-event="manager" id="manager">指定营运经理</a>
            {{# if(d.ddname!=""){}}
            <span style="margin-bottom: 5px">{{d.ddname}}</span>
            {{# }}}
            <a class="layui-btn layui-btn-xs btn-green" lay-event="supervision" id="supervision">分派督导</a>
            <a class="layui-btn layui-btn-xs btn-green" lay-event="projectTask">工程流程</a>
            {{# if(d.kgtime!=null){}}
            <span style="margin-bottom: 5px">{{d.kgtime}}</span>
            {{# } }}
            {{# }else { }}
            工程已中止
            {{# } }}
        </div>
        <div class="line-box flex">
            <span class="sTitle">开发<br/>总监</span>
            <span class="sTitle">工程<br/>总监 </span>
            <span class="sTitle">营运<br/>总监</span>
            <span class="sTitle">指定<br/>营运<br/>经理</span>
            <span class="sTitle">指定<br/>督导</span>
            <span class="sTitle">督导</span>
            <span class="sTitle">完工<br/>时间</span>
            <span class="sTitle">开业<br/>时间</span>
        </div>



        <div class="line-box flex">
            <dl>
                {{# if(d.kfzj!=""&&d.kfzj=="开发总监已确认"){ }}
                <dt class="dt1">1</dt>
                {{# } else { }}
                <dt>1</dt>
                {{# } }}
            </dl>
            <dl>
                {{# if(d.gczj!=""&&d.gczj=="工程总监已确认"){ }}
                <dt class="dt1">2</dt>
                {{# } else { }}
                <dt>2</dt>
                {{# } }}
            </dl>
            <dl>
                {{# if(d.yyzj!=""&&d.yyzj=="营运总监已确认"){ }}
                <dt class="dt1">3</dt>
                {{# } else { }}
                <dt>3</dt>
                {{# } }}
            </dl>
            <dl>
                {{# if(d.allotYy!=""&&d.allotYy=="已指定营运经理"){ }}
                <dt class="dt1">4</dt>
                {{# } else { }}
                <dt>4</dt>
                {{# } }}
            </dl>
            <dl>
                {{# if(d.allotDd!=""&&d.allotDd=="已指定督导"){ }}
                <dt class="dt1">5</dt>
                {{# } else { }}
                <dt>5</dt>
                {{# } }}
            </dl>
            <dl>
                {{# if(d.dudao!=""&&d.dudao=="督导任务完成"){ }}
                <dt class="dt1">6</dt>
                {{# } else { }}
                <dt>6</dt>
                {{# } }}
            </dl>
            <dl>
                {{# if(d.gcb!=""&&d.gcb=="工程已完工"){ }}
                <dt class="dt1">7</dt>
                {{# } else { }}
                <dt>7</dt>
                {{# } }}
            </dl>
            <dl>
                {{# if(d.openDate!=""){ }}
                <dt class="dt1">8</dt>
                {{# } else { }}
                <dt>8</dt>
                {{# } }}
            </dl>
        </div>


        <div style="padding-top: 10px">
            开发人员：{{d.createUserName}}
        </div>
        <div>
            添加时间: {{d.createTime}}
        </div>
    </div>
</script>
<!--<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>-->
<!--<script>-->
<!--    $(document.body).width()-->
<!--    alert($(document.body).width())-->
<!--</script>-->
@}
